<template>
  <div>
    <table :class="$style.table">
      <tbody :class="$style.tbody">
        <tr>
          <td :class="$style.title">附件</td>
        </tr>

        <tr>
          <td :class="$style.value">
            <div>花稿</div>
            <p v-for="(item, index) in annexList" :key="index">
              <a :href="item.ossUrl">{{ item.ossName || item.ossUrl }}</a>
            </p>

            <!-- <div>版图</div> -->
            <div>纸样</div>
            <p v-for="(item, index) in annexListbt" :key="index">
              <a :href="item.ossUrl">{{ item.ossName || item.ossUrl }}</a>
            </p>
          </td>
        </tr>

        <tr>
          <td :class="$style.value">
            本工艺单中未列明工艺标准均以《工艺执行项目规范标准》为准
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    productId: {
      type: Number,
      default: -1
    }
  },
  data() {
    return {
      annexList: [],
      annexListbt: [] // 版图
    }
  },
  mounted() {
    this.getImageList(40)
    this.getImageList(45)
  },
  methods: {
    async getImageList(bizType) {
      try {
        const res = await this.$api.oss.list({
          bizId: this.productId,
          bizScene: 110,
          bizType
        })

        bizType === 40 && res && this.annexList.push(...res.list)
        bizType === 45 && res && this.annexListbt.push(...res.list)
      } catch (e) {
        console.error(e)
      }
    }
  }
}
</script>

<style lang="less" module>
@import './style';
</style>
